/*-----------------------------------------------------------------------------
General
-----------------------------------------------------------------------------*/
.link, .link_strong { cursor: pointer; color: #000; }
.link:hover,.link_strong:hover { color: #851a1a; }
.link_strong { font-weight: 900; }
.display_none{
    display: none;
}
#null, .null { display: none; }

/*-----------------------------------------------------------------------------
Pagination
-----------------------------------------------------------------------------*/
.pagination {
    float: right;
}
.pagination .selected a,
.pagination .hidden a {
    background: none; border: none;
    color: #333;
    cursor: default;
}
.pagination .hidden { display: block; }

/*-----------------------------------------------------------------------------
Search Form
-----------------------------------------------------------------------------*/
form .search-label{
    display:inline-block;
    margin:0;	padding:0 0 3px 0; width: 100px;
    color:#222;
    font-size:100%;	font-weight:bold;
}
form .search-field {
    margin-bottom: 10px;
}
form .search-field-button { text-align: center; }
form .search-field-button a.btn {
    float:none;
    display:block;
    margin:0 auto;
    padding:0.4em 1em 0.4em 20px;
    position:relative;
}

/*-----------------------------------------------------------------------------
Input Form
-----------------------------------------------------------------------------*/
form div.error, form div.success {
    background: none; border: none;
}
form div.error div{
    margin-top: 5px;
}
form div.error input {
    background-color:#f9e5e6;
    border-color:#b50007;
}
form div.success input {
    background-color: #E9F9E5;
    border-color: #B4E8AA;
}
label.inline { display: inline-block; margin-right: 10px; }

/*-----------------------------------------------------------------------------
Gridview
-----------------------------------------------------------------------------*/
.hastable td span.ui-icon{
    margin: auto; cursor: pointer;
}

.hastable .order_link span.float-left {
    margin-right: 5px;
}

/*-----------------------------------------------------------------------------
Form
-----------------------------------------------------------------------------*/
form span.inline{
    display:inline;
    float:none;
    font-weight:bold;
}

/*-----------------------------------------------------------------------------
Tree view
-----------------------------------------------------------------------------*/
.childMenu li {
    padding: 5px 0;
}
.childMenu .handle {
    margin-right: 10px;
    cursor: move;
}

/*-----------------------------------------------------------------------------
Dialog
-----------------------------------------------------------------------------*/
.ui-dialog {
    z-index: 10000;
}

/*-----------------------------------------------------------------------------
Date Picker
-----------------------------------------------------------------------------*/
#ui-datepicker-div {
    display: none;
}
.ui-datepicker .ui-datepicker-today .ui-state-highlight { 
    border: 1px solid #ffcc00;
}

/*-----------------------------------------------------------------------------
Table
-----------------------------------------------------------------------------*/
table.width100 {
    padding-right: 0px;
    width: 100%;
}
table.width100 td, table.width100 th {
    padding: 3px 10px;
}
table.width100 td:first-child, table.width100 th:first-child {
    padding-left: 0;
}
table.width100 th {
    font-weight: 900;
}

/*-----------------------------------------------------------------------------
Slideshow
-----------------------------------------------------------------------------*/
.slideshowUploadBox {
    height: 200px; width: 380px;
    text-align: center;
    /*border: 1px solid #f7941e;*/
}

.slideshowPickfiles {
    display: block; width: 200px; height: 200px;
    background: url(images_ex/slideshow_pickfiles_bg.jpg) no-repeat;
    margin: auto;
    cursor: pointer;
}
.slideshowUploadFileMsg {
    width: 380px;
    margin-top: 10px; text-align: center;
}

/*-----------------------------------------------------------------------------
Product
-----------------------------------------------------------------------------*/
.productPickfile_1, .productPickfile_2 {
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
}
.productPickfile_1 {
    width: 220px; height: 280px;
    background-image: url(images_ex/product_pickfile_1.jpg);
    display: table;
}
.productPickfile_1 img { width: 220px; display: table-cell; vertical-align: middle; }
.productPickfile_2 {
    width: 300px; height: 169px;
    margin-left: 20px;
    background-image: url(images_ex/product_pickfile_2.jpg);
}

.productCropControl {
    margin: 25px 0 0 140px;
}

.productJcropWrapper {
    margin: auto;
    width: 950px;
    border: 1px solid #f7941e;
    text-align: center;
}

/*-----------------------------------------------------------------------------
Product shop
-----------------------------------------------------------------------------*/
.imagePickerWrapper {
    float: left; width: 160px; min-height: 160px;
    margin-right: 10px;
    border: 1px dotted #f6931e;
    text-align: center; vertical-align: central;
    cursor: pointer;
}
.imagePickerWrapper p { margin: 0; padding: 0; }
.imagePickerWrapper img { width: 160px; height: 160px; }
.imagePickerWrapper .delete { display: block; margin-top: 10px; }
.imagePicker { display: block; width: 160px; min-height: 160px; }


/*-----------------------------------------------------------------------------
Refix: #page-content > .inner-page-title
-----------------------------------------------------------------------------*/
.inner-page-title h3.inline {
    display: inline-block;
}

#page-title-toolbars {
    float: right;
}

.inner-page-title span.ui-icon{
    padding: 0px;
    border-bottom: none;
}

.inner-page-title a.btn {
    margin: 5px 5px 5px 0;
}

/*-----------------------------------------------------------------------------
Refix: form textarea for CKEditor
-----------------------------------------------------------------------------*/
form li span {
    float: none;
}

/*-----------------------------------------------------------------------------
HACK theme
-----------------------------------------------------------------------------*/
#page-header, #page-header #page-header-wrapper, #page-header #page-header-wrapper #navigation {
    z-index: 500;
}

.dialogLoading .ui-dialog-titlebar-close{
    visibility: hidden;
}